{template 'common/header'}
<link rel="stylesheet" href="../addons/kuyuan_red/dist/web/common.css" />
<link rel="stylesheet" href="../addons/kuyuan_red/dist/web/red-list.css" />
<div id="louie" data-url="{php echo $this->createWebUrl('api')}">

    <!--S导航-->
    <ul id="navs" class="nav nav-tabs">
        <li v-for="(item,index) in navs" :key="item.value" :class="navs[nav_index].value === item.value ? 'active' : ''"><a href="javascript:;" @click="changeNav(index)"><i :class="item.icon"></i>{{item.name}}</a></li>
    </ul>
    <!--E导航-->

    <!--S列表-->
    <table id="list" class="table table-hover">
        <tr>
            <th>id</th>
            <th>用户</th>
            <th>类型</th>
            <th>标题</th>
            <th v-if="navs[nav_index].value == 'pic'">图片</th>
            <th v-else-if="navs[nav_index].value == 'video'">视频</th>
            <th>金额</th>
            <th>数量</th>
        </tr>
        <tr v-for="item in list" :key="item.id">
            <td>{{item.id}}</td>
            <td>{{item.nickname}}</td>
            <td>{{item.type}}</td>
            <td>{{item.title}}</td>
            <td v-if="navs[nav_index].value == 'pic'"><img class="media" :src="item.media" /></td>
            <td class="video-td" v-if="navs[nav_index].value == 'video'">
                <div class="player" @click="playerVideo(item.video)"></div>
                <img class="media video" @click="playerVideo(item.video)" :src="item.video_thumb" />
            </td>
            <td>{{item.money}}</td>
            <td>{{item.number}}</td>
        </tr>
        <tr class="empty" v-if="total <= 0"><td colspan="7">暂无数据</td></tr>
    </table>
    <page v-on:change-page="changePage" v-bind:total="total" v-bind:return-num="returnNum" v-bind:page-num="pageNum"></page>
    <!--E列表-->

    <media-view v-if="media_view.show" :media="media_view.media" type="video" @close="media_view.show = false"></media-view>

</div>
<script src="../addons/kuyuan_red/dist/web/common.js"></script>
<script src="../addons/kuyuan_red/dist/web/red-list.js"></script>
{template 'common/footer'}